<template>
    <h1>我是A页面</h1>
    <span>{{nm}}</span>
    {{nm+'烧杯'}}
    <button @click="l">点我带你体验烧杯实验</button>
    <hr>
    <p>{{lll}}</p>
    <p v-text="lll"></p>
    <p v-html="lll"></p>
</template>

<script setup>
    import {ref} from "vue";
    
    const nm = ref('欢迎来到德莱联盟')
    const l = ()=>{
        console.log('按钮被点击了')
        console.log(nm.value);
        nm.value = '你被变成了烧杯';
    }
    const lll = ref('我是蜀黍，请配合我们的行动<mark>▄︻┻┳═一…… ☆(>○<)</mark>抱头蹲下')
</script>

<style scoped>

</style>